Component({
  data: {
    // 新增：AI角色列表数据数组
    roleList: [
      {
        img: '/images/touxiang.jpeg', // 图片路径
        title: '智能助手',
        desc: '支持日常对话、信息查询、任务提醒等功能',
        tags: ['多轮对话', '知识问答', '日程管理']
      },
      {
        img: '/images/touxiang.jpeg',
        title: '教育导师',
        desc: '提供学科辅导、学习计划制定、知识点讲解等服务',
        tags: ['学科辅导', '学习分析', '互动教学']
      },
      {
        img: '/images/touxiang.jpeg',
        title: '娱乐伙伴',
        desc: '支持故事讲述、游戏互动、音乐播放等娱乐功能',
        tags: ['故事生成', '游戏互动', '音乐推荐']
      }
    ],
    functionList: ['成语接龙游戏', '成语故事讲解', '情景应用练习', '趣味知识问答'],
    showModalRole:true,
    playPerson:'',
    selectedIndex: -1 // 记录选中项索引（-1表示未选中）
  },
  methods:{
  // 列表项点击事件（修改后）
  selectRole(e) {
    const { index } = e.currentTarget.dataset;
    const selectedRoleTitle = this.data.roleList[index].title;
    this.setData({ 
      playPerson:selectedRoleTitle,
      selectedIndex: index,
      'currentRole': selectedRoleTitle // 新增：更新当前角色文本
    });
  },

  // // 新增：确认按钮点击事件
  // confirmSelect() {
  //   if (this.data.selectedIndex === -1) {
  //     wx.showToast({ title: '请先选择一个AI角色', icon: 'none' });
  //     return;
  //   }
  //   // 这里可添加确认后的业务逻辑（如保存选择、跳转页面等）
  //   const selectedRole = this.data.roleList[this.data.selectedIndex];
  //   console.log('用户确认选择的角色：', selectedRole);
  //   wx.showToast({ title: `已选择：${selectedRole.title}`, icon: 'success' });
  // },

  // 新增：显示弹窗方法
  showModal() {
    this.setData({
      showModalRole: true,
      functionList: ['成语接龙游戏', '成语故事讲解', '情景应用练习', '趣味知识问答']
    });
  },

  // 新增隐藏弹窗方法
  hideModal() {
    this.setData({
      showModalRole: false,
    });
  },
  UpDateModal() {
    const app = getApp()
    app.globalData.currentRole = this.data.selectedRole
    wx.navigateBack()
    this.setData({
      'playren': this.data.playPerson,
      showModalRole: false,
      functionList: ['成语接龙游戏', '成语接龙游戏', '成语接龙游戏', '成语接龙游戏']
    });
  },
  }
})